 <!DOCTYPE html><html> <!--STATUS OK-->
<head>  
<meta http-equiv=Content-Type content="text/html; charset=utf-8"> 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/verifyCode.js"></script>
<title>
找回密码-确认帐号
</title>
<style type="text/css">	
.nav li{
		list-style:none;
		float:left;
		margin-left:2px;
		}
.repassword li{
		list-style:none;
		}
</style>
<script type="text/javascript" >
	$(document).ready(function(){
		$('.step').hide();
		curr=1;  
		$('#tip1').show();	
		
		$(function(){
		//点击下一步的方法
			$("#image").click(
				function(){
					var value1=$("#text").val();									
					$("#user").val(value1);
					$("#eamil").val(value1);
					if(value1==""){
						alert("用户名不能为空");
					}
					else{
						isRightCode();
					}
				}
			);
		});	
		//（你要写的方法  点击图片发送邮件的方法这里要完成）
		$("#image1").click(
			function(){
				var value1=$("#email").val();
				nextStep();			
			}		
		);
	});		
	function nextStep(){		
	    if(curr != null){
	        $('#tip'+curr.toString()).hide();
	        curr=curr+1;	     
	        if(curr==2){
		    	var b = "@";   	
		    	var a=$("#text").val(); 
		    	//这个if方法进不去
		 		if(a.indexOf(b)>=0){
		 			$('#one').hide();		 			
		 			}
		 		else{		 				
		 			$('#two').hide();		 				 				
		 			}
	       		 }
		 $('#tip'+curr.toString()).show();
	    }   
	}
	function backStep(){
	    if(curr != null){
	        $('#tip'+curr.toString()).hide();
	        curr=curr-1;
	        $('#tip'+curr.toString()).show();
	    }
	}
</script>
</head>
<body> 
    <div>
        <h1 style="color:#3399FF">找回密码</h1>
    </div>
	 <div id="tip1" class="step"> 
		 <div class="nav">
		   <ul>
				<li class="list1"><img src="img/1a.png"/></li>
				<li class="list2"><img src="img/2b.png"/></li>
				<li class="list3"><img src="img/3b.png"/></li>
		   </ul> 
		 </div>
		<br/>  
		<br/>  
		<form id="form1">
			<div class="detail1">
			   <p>请填写您需要找回的帐号:</p>
			   <input id="text" name="text" placeholder="用户名/邮箱" required="required" autofocus="" type="text" />
		    </div>
		</form>
		<input id="veryCode" name="veryCode" type="text"/>     
        <img id="imgObj" alt="" src="VerifyCodeServlet"/>  
        <input type="button" value="换一张" onclick="changeImg()"/>     
        <div id="info"></div>
		<br/>
		<br/>
		<br/>
			<div>
			<input id="image" type="image" src="img/next.png" />
			</div>			
	</div>
	
	
	<div id="tip2" class="step">
		<div class="nav">
		   <ul>
				<li class="list1"><img src="img/1b.png"/></li>
				<li class="list2"><img src="img/2a.png"/></li>
				<li class="list3"><img src="img/3b.png"/></li>
		   </ul> 
		</div>
		<br/>  
		<br/>
		<br/> 
		<!-- 前面输入的是账号 显示这个div -->
		<div id="one">   
				<div>
				    <label for="user">您需要找回的账号：</label>
					<input id="user" name="user"  required="required"  type="text"  readonly="readonly" disabled="true"/>
				</div>
				<br></br>
				<!-- （你要写的方法）这里要根据上面填的账号去数据库查询匹配的邮箱 然后让其在下面带*号显示 -->
				<div>您的验证邮箱是：（这里要根据前面的账号查数据库显示）</div>
				<br></br>
				<div>	
					<input id="email" name="email" placeholder="请输入验证邮箱，以确保本人操作" required="required"  type="email" />
			 	</div>
			 </div>
		<!-- 前面输入的是邮箱 显示这个div -->
		<div id="two">   
		<!-- （你要写的方法）这里要根据上面填的验证邮箱去数据库查询匹配的账号  然后让其在下面带*号显示 -->
			<div>您要找回的账号是：
				<input required="required"  type="text"  readonly="readonly" disabled="true"/>
			</div>
			<br></br>
			<div>您的验证邮箱是：
				<input id="eamil" name="eamil"  required="required"  type="text"  readonly="readonly" disabled="true"/>	
			</div>
		</div>	 	 
		<br/>
		<br/>
		<br/>
		<div>
			<input id="image1" type="image" src="img/emailbtn.png"  />
		</div>
	</div>
	
	
	<div id="tip3" class="step">
	 <div class="nav">
		   <ul>
				<li class="list1"><img src="img/1b.png"/></li>
				<li class="list2"><img src="img/2b.png"/></li>
				<li class="list3"><img src="img/3a.png"/></li>
		   </ul> 
		</div>
		<br/>  
		<br/>
		<br/>    
		<form id="form2">
			<div class="detail2">
			   <p>您正在找回的帐号是:
			   	
			   </p>
			  <ul class="repassword">
			  	<li>
				<label for="password">新&nbsp;&nbsp;密&nbsp;&nbsp;码：</label>
				<input id="password" name="password" required="required" autofocus="" type="text" />
				</li>
				<li>
				<label for="repassword">确认新密码：</label>
				<input id="repassword" name="repassword" required="required" autofocus="" type="text" />
				</li>
			  </ul>
				
			 </div>
		</form>
		<br/>
		<br/>
		<br/>
			<div>
			<input type="image" src="img/3c.png" onClick=""/>
			</div>	
	</div>	
</body>
</html>
